/**
 * @author alvaro
 */

function insertaprofesor()
{
	var numprofesores = document.getElementById("numprofesores").value;
	
	var divprofesor = document.createElement("div");
	divprofesor.setAttribute("id","profesor" + numprofesores);
	
	var divnombre = document.createElement("div");
	divnombre.setAttribute("id","profnombre" + numprofesores);
	divnombre.setAttribute("class","profnombre");
	var nombre = document.createElement("input");
	nombre.setAttribute("id","profnombre" + numprofesores);
	nombre.setAttribute("name","profesor" + numprofesores + "[]");
	nombre.value = "Nombre y Apellidos";
	divnombre.appendChild(nombre);
	divprofesor.appendChild(divnombre);
	
	var divemail = document.createElement("div");
	divemail.setAttribute("id","profemail" + numprofesores);
	divemail.setAttribute("class","profemail");
	var email = document.createElement("input");
	email.setAttribute("id","profemail" + numprofesores);
	email.setAttribute("name","profesor" + numprofesores + "[]");
	email.value = "e-mail";
	divemail.appendChild(email);
	divprofesor.appendChild(divemail);
	
	var divtelefono = document.createElement("div");
	divtelefono.setAttribute("id","proftelefono" + numprofesores);
	divtelefono.setAttribute("class","proftelefono");
	var telefono = document.createElement("input");
	telefono.setAttribute("id","proftelefono" + numprofesores);
	telefono.setAttribute("name","profesor" + numprofesores + "[]");
	telefono.value = "telefono";
	divtelefono.appendChild(telefono);
	divprofesor.appendChild(divtelefono);
	
	var divdespacho = document.createElement("div");
	divdespacho.setAttribute("id","profdespacho" + numprofesores);
	divdespacho.setAttribute("class","profdespacho");
	var despacho = document.createElement("input");
	despacho.setAttribute("id","profdespacho" + numprofesores);
	despacho.setAttribute("name","profesor" + numprofesores + "[]");
	despacho.value = "despacho";
	divdespacho.appendChild(despacho);
	divprofesor.appendChild(divdespacho);
	
	var divturorias = document.createElement("div");
	divturorias.setAttribute("id","profturorias" + numprofesores);
	divturorias.setAttribute("class","profturorias");
	var turorias = document.createElement("input");
	turorias.setAttribute("id","profturorias" + numprofesores);
	turorias.setAttribute("name","profesor" + numprofesores + "[]");
	turorias.value = "turorias";
	divtutorias.appendChild(tutorias);
	divprofesor.appendChild(divtutorias);
	
	var divbutton = document.createElement("div");
	divbutton.setAttribute("id","profbutton" + numprofesores);
	divbutton.setAttribute("class","profbutton");
	var button = document.createElement("button");
	button.setAttribute("id","profbutton" + numprofesores);
	button.setAttribute("onclick","eliminaprofesor(" + numprofesores + ")");
	button.innerHTML= "Eliminar";
	divbutton.appendChild(button);
	divprofesor.appendChild(divbutton);
	
	var divprofesores = document.getElementById("divprofesores");
	divprofesores.appendChild(divprofesor);
	
	numprofesores++;
	document.getElementById("numprofesores").value = numprofesores;
}

function eliminaprofesor(n){
	var numprofesores = document.getElementById("numprofesores").value;
	var divprofesores = document.getElementById("divprofesores");
	var profesor = document.getElementById("profesor" + n);
	
	divprofesores.removeChild(profesor);
	
	document.getElementById("numprofesores").value = numprofesores-1;
	actualizaindices(n);
}


function actualizaindices(n){ //se le pasa el valor 'n' para solo renombrar desde el elemento eliminado
	var numprofesores = document.getElementById("numprofesores").value;
	var divprofesores = document.getElementById("divprofesores");
	
	for(i=n+1; i<= numprofesores; i++){
		document.getElementById("profesor" + i).setAttribute("id", "profesor" + (i-1));
		
		document.getElementById("profnombre" + i).setAttribute("name", "profesor" + (i-1) + "[]");
		document.getElementById("profnombre" + i).setAttribute("id", "profnombre" + (i-1));
		
		document.getElementById("profemail" + i).setAttribute("name", "profesor" + (i-1) + "[]");
		document.getElementById("profemail" + i).setAttribute("id", "profemail" + (i-1));
		
		document.getElementById("proftelefono" + i).setAttribute("name", "profesor" + (i-1) + "[]");
		document.getElementById("proftelefono" + i).setAttribute("id", "proftelefono" + (i-1));
		
		document.getElementById("profdespacho" + i).setAttribute("name", "profesor" + (i-1) + "[]");
		document.getElementById("profdespacho" + i).setAttribute("id", "profdespacho" + (i-1));
		
		document.getElementById("profbutton" + i).setAttribute("onclick", "eliminaprofesor(" + (i-1) + ")");
		document.getElementById("profbutton" + i).setAttribute("id", "profbutton" + (i-1));
	}
}
